<route lang="json5" type="page">
{
  layout: 'default',
  style: {
    navigationBarTitleText: '用户协议与隐私政策',
  },
}
</route>
<template>
  <div class="privacy-policy">
    <h1>用户协议与隐私政策</h1>

    <section>
      <h2>一、引言</h2>
      <p>欢迎使用我们的服务。为保障您的权益，请仔细阅读以下用户协议与隐私政策。</p>
    </section>

    <section>
      <h2>二、用户信息的收集与使用</h2>
      <p>1. 我们会收集您的基本信息（如姓名、联系方式）以便于提供更好的服务。</p>
      <p>2. 收集信息的用途包括但不限于账号注册、身份验证、客户支持等。</p>
    </section>

    <section>
      <h2>三、信息的共享与披露</h2>
      <p>1. 未经您的同意，我们不会向第三方披露您的个人信息，以下情况除外：</p>
      <ul>
        <li>依法依规要求提供信息的情况。</li>
        <li>为维护公共利益或保护他人权益。</li>
      </ul>
    </section>

    <section>
      <h2>四、用户权利</h2>
      <p>1. 您有权随时访问、更正、删除您的个人信息。</p>
      <p>2. 您可以随时撤回同意，但可能影响服务的正常使用。</p>
    </section>

    <section>
      <h2>五、政策的更新</h2>
      <p>我们可能会根据法律法规或业务调整更新本政策，更新内容将在本页面公布。</p>
    </section>

    <section>
      <h2>六、联系我们</h2>
      <p>如有任何疑问，请通过以下方式与我们联系：</p>
      <p>邮箱：1062159800@qq.com</p>
    </section>
  </div>
</template>

<script lang="ts" setup>
// 组件逻辑可以在此扩展，例如接受用户同意或反馈
</script>

<style scoped>
.privacy-policy {
  max-width: 800px;
  padding: 20px;
  margin: 0 auto;
  line-height: 1.8;
}

h1 {
  margin-bottom: 1.5rem;
  font-size: 2rem;
}

h2 {
  margin-top: 1.5rem;
  font-size: 1.5rem;
}

p,
ul {
  margin-bottom: 1rem;
}
</style>
